import React from "react"
import { Row, Col } from 'antd';
import {NavLink, Link} from "react-router-dom"
import "./navigation.less"

class Navigation extends React.Component {
  state ={
    logoImg: require('../../assets/image/logo.png'),
  }
  componentDidMount () {
  }
  render() {
  return (<div  className="navHeader">
    <Row>
      <Col xl={5} lg={4} sm={4}>
        <span className="logoImg">
          <Link to="/"><img src={this.state.logoImg} alt=""/></Link>
        </span>
      </Col>
      <Col xl={6} lg={2} sm={2}></Col>
      <Col xl={13} lg={18} sm={18}>
        <ul className="side">
          {/* <li>
            <Link to="/">网站首页</Link>
          </li> */}
          <li><NavLink to="/jobs">业务范围</NavLink></li>
          <li>
            <NavLink to={'/case/all'}>项目案例</NavLink>
            <dl>
              <dt><NavLink to="/case/all">全部</NavLink></dt>
              <dt><NavLink to="/case/wenhua">文化建筑</NavLink></dt>
              <dt><NavLink to="/case/shangye">商业建筑</NavLink></dt>
              <dt><NavLink to="/case/zhuzhai">住宅建筑</NavLink></dt>
            </dl>
          </li>
          <li><NavLink to="/job">社会招聘</NavLink></li>
          <li><NavLink to="/news">公司动态</NavLink></li>
          <li>
            <NavLink to="/company">关于我们</NavLink>
            <dl>
              <dt><NavLink to="/company">公司介绍</NavLink></dt>
              <dt><NavLink to="/team">团队精英</NavLink></dt>
            </dl>
          </li>
          <li><NavLink to="/contact">联系我们</NavLink></li>
        </ul>
      </Col>
    </Row>
  </div>);
  }
}
export default Navigation

  